<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>发布 - 码匠社区</title>
    <head th:insert="~{import :: head}"></head>
</head>
<body>
<div th:insert="~{navigation :: nav}"></div>
<div class="container-fluid main">
    <div class="row">
        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
            <h2><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 发起</h2>
            <hr>
            <form method="post" onsubmit="return false" action="#">
                <div class="form-group">
                    <label for="title">问题标题（简单扼要）</label>
                    <input type="text" class="form-control"  id="title" name="title"
                           placeholder="问题标题……"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="description">问题补充 (必填，请参照右侧提示):</label>
                    <textarea name="description" id="description" style="resize:none"
                              class="form-control"
                              cols="30"
                              rows="10"></textarea>
                </div>
                <div class="form-group">
                    <label for="tag">添加标签:</label>
                    <input type="text" class="form-control"  id="tag" name="tag"
                           autocomplete="off"
                           placeholder="输入标签，以，号分隔">
                </div>
                <div class="row">
                    <div class="alert alert-danger col-md-8" role="alert" style="margin-left: 15px"
                     th:if="${session.user == null}">请登录后再提问</div>
                    <div class="col-md-3"></div>
                    <button type="submit" class="btn btn-default" style="margin-left: 240px"
                            onclick="setCommon()">发布</button>
                </div>
            </form>
        </div>
        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
            <h3>问题发起指南</h3>
            • 问题标题: 请用精简的语言描述您发布的问题，不超过25字 <br>
            • 问题补充: 详细补充您的问题内容，并确保问题描述清晰直观, 并提供一些相关的资料<br>
            • 选择标签: 选择一个或者多个合适的标签，用逗号隔开，每个标签不超过10个字<br>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    function setCommon() {
        var title = $("#title").val();
        var description = $("#description").val();
        var tag = $("#tag").val();
        $.ajax({
                type:"post",
                url:"/publish",
                data:{
                    "title":title,
                    "description":description,
                    "tag":tag,
                },
                success:function (data) {
                    alert(data.msg)
                    if (data.msg =="问题提交成功！！")
                        window.location.href="main"

                }
            }
        )
    }
</script>
</html>